<html>
	<head> 
		<title> 
			DVD Share - Welcome {{nickname}} 
		</title> 
		<link rel="stylesheet" type="text/css" href="/static/css/reset.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/styles.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/list.css" />
		<link rel="stylesheet" type="text/css" href="/static/css/buttons.css" />

		<script type="text/javascript" src="/script/jquery-1.6.2.min.js"> </script>
		<script type="text/javascript" src="/script/common.js"> </script>
	</head>

	<body>
		<div class="header" id="header_container">
			<div class="status_message_container" id="statusMessageContainer"> 
				<h3 class="status_message" id="statusMessage"> </h3>
			</div> 
		
			<div id="header_wrapper">
				<span id="header_title">
					<a href="#"><img src="/images/image.png"/></a>
				</span>
				<span id="header_nav">
					<a class="nav_item" href="#"> about </a>
					<a class="nav_item" href="#"> how it works </a>
					<a class="nav_item last_item" href="#"> contact </a>
				</span>
			</div>
		</div>
		
		<div class="content_container">
			<div class="inner_container">
			<div class="user_nav_container">
				<div class="search_container">
					<form action="" method="get">
						<input type="text" class="user_input" name="Search" value="Search"/>
						<a href="#" class="blue button search_submit" id="submit0"> Search </a>
					</form>
				</div>
				<div class="user_nav">
					<h3> {{nickname}} </h3>
					<div class="nav_container">
					<ul class="nav">
						<li> <img class="user_nav_menu" id="user_nav_img" src="/static/images/gear.png"/>
							<ul class="sub" id="user_menu">
					  			<li class="top"> <a href="#"> Manage Account </a> </li>
								<li> <a href="#"> Manage DVDs </a> </li>
								<li> <a href="#"> Other options </a> </li>
								<li class="bottom"> <a href="{{sign_out}}"> Logout </a> </li>
							</ul>
				  		</li>
					</ul>
					</div>
				</div>
			</div>
			<div class="clear_div"></div>

			<div class="section_container">
				<div class="section_title noblock">
					<h2> My DVDs </h2>
					<span class="number_banner red"> 250 </span>
				</div>
				
				<a href="#" class="button green right" id="addDVDButton"> Add DVD </a>	

				<div class="section_grid_container">
					<div class="left_nav"></div>
						<div class="section_grid" id="myDvdsSection">
							<div class="section_overflow_grid">
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div> 
							<div class="section_data">
								<img src="/static/dvd_covers/Shawshank.jpg"> </img>
							</div>
							</div> 
						</div>
					<div class="right_nav">
					</div>
				</div>
			</div>
			
			<div class="section_container">	
				<div class="section_title">
					<h2> My Friends' DVDs </h2>
					<span class="number_banner red"> 0 </span>
				</div>
				
				<div class="section_grid_container">
					<div class="left_nav">
					</div>
					<div class="section_grid" id="friendsDvdsSection"> 
						<div class="section_overflow_grid">
						</div>
					</div>
					<div class="right_nav">
					</div>
				</div>
			</div>	
			
			<div class="section_container">								
				<div class="section_title">
				<h2> My Wishlist DVDs </h2>
				<span class="number_banner red"> 0 </span>
				</div>
				<div class="section_grid_container">
					<div class="left_nav">
					</div>
					<div class="section_grid" id="wlDvdsSection"> 
						<div class="section_overflow_grid">
						</div>
					</div>
					<div class="right_nav">
					</div>
				</div>
			</div>
		</div>

		<div class="footer">
			<div class="inner_container">
				<h2> &copy;  2011 Enthupreneurs Inc </h2>
			</div>
		</div>
	</body>
</html>
